let app = new Vue({
    el: '#app',
    data: {
        admin: JSON.parse(sessionStorage.getItem("admin")),
        examPapers:[]
    },
    created() {
        layui.use('form', function () {

            $.ajax({
                url: 'http://localhost:8080/subject/selectLevelNameByDistinct',
                type: 'get',
                success: function (vo) {
                    if (vo.code == 200) {
                        $.each(vo.data, function (i, s) {
                            $("#levelName").append("<option value='" + s.levelName + "'>" + s.levelName + "</option>");
                        });
                    }
                    layui.form.render();
                }
            });

        });
    },
    methods: {
        save: function () {
            if($("#levelName").val()=='' || $("#title").val()==''){
                layer.msg("必填字段不能为空", { offset: 't', icon: 5 });
                return;
            }
            if(this.examPapers.length==0 || this.examPapers==null){
                layer.msg("请至少选择一套试卷", { offset: 't', icon: 5 });
                return;
            }

            // 获取选中的试卷的试卷ID
            let examPaperIds = '';
            for(let i=0;i<this.examPapers.length;i++){
                examPaperIds = examPaperIds + this.examPapers[i].examPaperId + "&";
            }
            //去掉最后一个"&"逗号
            if (examPaperIds.length > 0) {
                examPaperIds = examPaperIds.substr(0, examPaperIds.length - 1);
            }

            let formData={
                'title':$("#title").val(),
                'levelName':$("#levelName").val(),
                'papers':examPaperIds,
                'createUser':this.admin.userId
            }
            $.ajax({
                url: 'http://localhost:8080/task/add',
                type: 'get',
                data:formData,
                success: function (vo) {
                    if (vo.code == 200) {
                        layer.msg(vo.data, { offset: 't', icon: 1 });
                        // 延迟1秒执行代码
                        setTimeout(function () {
                            // 重置表单
                            $('#app')[0].reset();
                            app.examPapers=[];
                        }, 1000);
                    }
                }
            });
            

        },
        addExam: function () {
            if ($("#levelName").val() == '') {
                layer.msg("年级选项不能为空", { offset: 't', icon: 5 });
                return;
            }

            layer.open({
                type: 1,
                title: ['添加试卷', 'font-size:16px'],
                anim: 5,   // 动画
                resize: false,  // 是否允许拉伸改变宽高
                area: ['1000px', '500px'], // 设置宽，高
                shadeClose: true, //点击遮罩关闭
                scrollbar: false,   // 屏蔽浏览器滚动（false: 则屏蔽）
                content: $("#paperQuestionAdd"),
                success: function (layero, index) {

                    layui.use(['table', 'jquery'], function () {
                        //使用layui的table模块来操作表格
                        let table = layui.table;
                        //使用layui的jquery模块
                        let $ = layui.$;


                        table.render({
                            elem: '#demo',   //引用表格的ID
                            id: 'ExamPaperTable', //这个id是render的id，可以用于表格reload时引用
                            url: 'http://localhost:8080/examPaper/queryByTerm',  // 请求地址
                            method: 'get',
                            toolbar: '#searchToolBar',   //设置toolbar
                            page: true,  //启用表格分页功能
                            limit: 7,
                            cols: [[     //表头
                                { type: 'checkbox'},
                                { field: 'examPaperId', title: 'Id', sort: true},
                                { field: 'subjectName', title: '学科' },
                                { field: 'examPaperName', title: '名称' },
                                { field: 'createTime', title: '创建时间', sort: true },
                                {fixed: 'right', title:'操作', toolbar: '#handleDemo'}
                            ]],
                            where: {
                                levelName: sessionStorage.getItem("addExamPaperLevelName")
                            }
                        });

                    });
                }
            });

        },
        delExam:function(i){
            this.examPapers.splice(i, 1);
        },
        cls:function(){
            this.examPapers=[];
        }
    }
});

layui.use(['table', 'jquery', 'form', 'layer'], function () {
    let table = layui.table;
    let $ = layui.$;
    let form = layui.form;
    let layer = layui.layer;

    //头工具栏事件
    table.on('toolbar(ExamPaperList)', function (obj) {
        var checkStatus = table.checkStatus('ExamPaperTable');
        var data = checkStatus.data;

        switch (obj.event) {
            case 'search':
                //重载表格加载新的数据, 引用render的id
                table.reload('ExamPaperTable', {
                    method: 'get',
                    where: {
                        subjectName: $('#subjectName').val(),
                        levelName: sessionStorage.getItem("addExamPaperLevelName")
                    },
                    page: {
                        curr: 1  //查询回来后默认显示在第一页
                    }
                });
                break;
            case 'getCheckData':
                layer.alert(JSON.stringify(data));
                break;
            case 'getCheckLength':
                layer.msg('选中了：' + data.length + ' 个');
                break;
            case 'addAll':
                
                $.each(data,function(index,e){
                    app.examPapers.push(e);
                });
                layer.closeAll();
                break;
            //自定义头工具栏右侧图标 - 提示
            case 'LAYTABLE_TIPS':
                layer.alert('这是工具栏右侧自定义的一个图标按钮');
                break;
        };
    });


    // 监听行工具事件
    table.on('tool(ExamPaperList)',function(obj){
        //获取按钮对象lay-event属性值
        let event = obj.event;
        
        switch (event) {
            case 'view':
                let examPaper=obj.data;
                sessionStorage.setItem("examPaperView2",JSON.stringify(examPaper));
                xadmin.open('试卷查看','exam_paper_view.html');
            break;

        }

    });



});
